<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>景区介绍</title>
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/ztcProductIntroduce.css"/>
  </head>

  <body id="containerBox">
    <div class="banner-box">
      <div id="banner">
        <div class="slideShow">
          <div class="pics swiper-container">
            <div class="swiper-wrapper" id="banners">
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>
      <!--<div class="title-box-content">-->
      	<div class="title-box">
        <div class="title">成都-九寨沟</div>
        <div class="sub-title">九寨沟纯游3日九寨沟纯游3日</div>
        <div class="describe">￥100/人起</div>
      </div>
      <!--</div>-->

    </div>
    <div id="features" class="product-features">
      <div class="headings border-bottom">
        <img src="img/productIcon.png" />
        <p>产品特色</p>
      </div>
      <div class="features-content rich-text">
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
        <div>产品特色</div>
      </div>
      <div id="showFeatures" class="show-more border-bottom hidden">显示更多</div>
    </div>
    <div class="position-box">
      <div class="bar-placeholder">
        <div class="bar-content " id="barBox">
          <p anchor="scheduling" id="routing" class="bar-item active">行程安排</p>
          <p anchor="ticketInfo" id="buyTicketInfo" class="bar-item no-active">购票须知</p>
        </div>
      </div>
      <div id="scheduling" class="scheduling-box">
        <div class="headings">
          <img src="img/tripIcon.png" />
          <p>行程安排</p>
        </div>
        <div class="scheduling-content rich-text">
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
          <div>行程安排</div>
        </div>
        <div id="showScheduling" class="show-more border-bottom hidden">显示更多</div>
      </div>
      <div id="ticketInfo" class="ticket-info-box">
        <div class="headings">
          <img src="img/noticeIcon.png" />
          <p>购票须知</p>
        </div>
        <div class="ticket-info-content rich-text">
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
          <div>购票须知</div>
        </div>
      <div id="showNotice" class="show-more border-bottom hidden">显示更多</div>
      </div>
    </div>
    <script type="text/x-jquery-tmpl" id="bannerSrc">
      <div class="swiper-slide"><img class="img-item" src="${$data}" alt="UTObanner"><div class="mongolia-layer"></div></div>
    </script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.tmpl.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/ztc-productIntroduce.js"></script>

  </body>

</html>